{{ header }}

<header>
  <a href="javascript:">
    <img src="{{ heng_image }}" alt="" class="header-img">
  </a>
</header>
<div id="checkout-cart" class="container">
    <div class="content">
        {#主图#}
        <div class="main">
            <img class="main-img" src="{{ thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}"/>
        </div>
		
		<div class="order-title">
			{{ heading_title }}
		</div>
		<div class="order-title">
			{{ descriptions }}
		</div>
		
		<div class="order-title">
			{{ pricetb }} 
		</div>
		
		
		
		
		<ul class="list-unstyled">
            {% if not special %}
            <li>
              <h2>{{ price }}</h2>
            </li>
            {% else %}
            <li><span style="text-decoration: line-through;">{{ price }}</span></li>
            <li>
              <h2>{{ special }}</h2>
            </li>
            {% endif %}
            {% if tax %}
            <li>{{ text_tax }} {{ tax }}</li>
            {% endif %}
            {% if points %}
            <li>{{ text_points }} {{ points }}</li>
            {% endif %}
            {% if discounts %}
            <li>
              <hr>
            </li>
            {% for discount in discounts %}
            <li>{{ discount.quantity }}{{ text_discount }}{{ discount.price }}</li>
            {% endfor %}
            {% endif %}
          </ul>
		  
		   <div id="product">
		   {% if options %}
			<hr>
			<h3>{{ text_option }}</h3>
			{% for option in options %}
			{% if option.type == 'select' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label" for="input-option{{ option.product_option_id }}">{{ option.name }}</label>
			  <select name="option[{{ option.product_option_id }}]" id="input-option{{ option.product_option_id }}" class="form-control">
				<option value="">{{ text_select }}</option>
				{% for option_value in option.product_option_value %}
				<option value="{{ option_value.product_option_value_id }}">{{ option_value.name }}
				{% if option_value.price %}
				({{ option_value.price_prefix }}{{ option_value.price }})
				{% endif %} </option>
				{% endfor %}
			  </select>
			</div>
			{% endif %}
			{% if option.type == 'radio' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label">{{ option.name }}</label>
			  <div id="input-option{{ option.product_option_id }}"> {% for option_value in option.product_option_value %}
				<div class="radio">
				  <label>
					<input type="radio" name="option[{{ option.product_option_id }}]" value="{{ option_value.product_option_value_id }}" />
					{% if option_value.image %} <img src="{{ option_value.image }}" alt="{{ option_value.name }} {% if option_value.price %} {{ option_value.price_prefix }} {{ option_value.price }} {% endif %}" class="img-thumbnail" /> {% endif %}                  
					{{ option_value.name }}
					{% if option_value.price %}
					({{ option_value.price_prefix }}{{ option_value.price }})
					{% endif %} </label>
				</div>
				{% endfor %} </div>
			</div>
			{% endif %}
			{% if option.type == 'checkbox' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label">{{ option.name }}</label>
			  <div id="input-option{{ option.product_option_id }}"> {% for option_value in option.product_option_value %}
				<div class="checkbox">
				  <label>
					<input type="checkbox" name="option[{{ option.product_option_id }}][]" value="{{ option_value.product_option_value_id }}" />
					{% if option_value.image %} <img src="{{ option_value.image }}" alt="{{ option_value.name }} {% if option_value.price %} {{ option_value.price_prefix }} {{ option_value.price }} {% endif %}" class="img-thumbnail" /> {% endif %}
					{{ option_value.name }}
					{% if option_value.price %}
					({{ option_value.price_prefix }}{{ option_value.price }})
					{% endif %} </label>
				</div>
				{% endfor %} </div>
			</div>
			{% endif %}
			{% if option.type == 'text' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label" for="input-option{{ option.product_option_id }}">{{ option.name }}</label>
			  <input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" placeholder="{{ option.name }}" id="input-option{{ option.product_option_id }}" class="form-control" />
			</div>
			{% endif %}
			{% if option.type == 'textarea' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label" for="input-option{{ option.product_option_id }}">{{ option.name }}</label>
			  <textarea name="option[{{ option.product_option_id }}]" rows="5" placeholder="{{ option.name }}" id="input-option{{ option.product_option_id }}" class="form-control">{{ option.value }}</textarea>
			</div>
			{% endif %}
			{% if option.type == 'file' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label">{{ option.name }}</label>
			  <button type="button" id="button-upload{{ option.product_option_id }}" data-loading-text="{{ text_loading }}" class="btn btn-default btn-block"><i class="fa fa-upload"></i> {{ button_upload }}</button>
			  <input type="hidden" name="option[{{ option.product_option_id }}]" value="" id="input-option{{ option.product_option_id }}" />
			</div>
			{% endif %}
			{% if option.type == 'date' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label" for="input-option{{ option.product_option_id }}">{{ option.name }}</label>
			  <div class="input-group date">
				<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" data-date-format="YYYY-MM-DD" id="input-option{{ option.product_option_id }}" class="form-control" />
				<span class="input-group-btn">
				<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
				</span></div>
			</div>
			{% endif %}
			{% if option.type == 'datetime' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label" for="input-option{{ option.product_option_id }}">{{ option.name }}</label>
			  <div class="input-group datetime">
				<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" data-date-format="YYYY-MM-DD HH:mm" id="input-option{{ option.product_option_id }}" class="form-control" />
				<span class="input-group-btn">
				<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
				</span></div>
			</div>
			{% endif %}
			{% if option.type == 'time' %}
			<div class="form-group{% if option.required %} required {% endif %}">
			  <label class="control-label" for="input-option{{ option.product_option_id }}">{{ option.name }}</label>
			  <div class="input-group time">
				<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" data-date-format="HH:mm" id="input-option{{ option.product_option_id }}" class="form-control" />
				<span class="input-group-btn">
				<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
				</span></div>
			</div>
			{% endif %}
			{% endfor %}
			{% endif %}
		
		
		
				{#加減#}
				<div class="form-group required" style="height: 66px;">
					<label class="control-label" for="order-number">數量</label>
					
						<div class="input-num-box">
							<span id="input2" class="reduce action">-</span>
							<input type="text" name="quantity" value="{{ minimum }}" size="2" id="input-quantity"
								   class="form-control"/>
							<span id="input1" class="pus action">+</span>
							<input type="hidden" name="product_id" value="{{ product_id }}"/>
							<input type="hidden" id="product_stock" value="{{ stockch }}"/>
						</div>
					
				</div>
		    </div>
		
        {#介绍图#}
        {#<div class="benefits">#}
            {#{% for image in images %}#}
                {#<img class="benefits-img" src="{{ image.thumb }}" title="{{ heading_title }}"#}
                     {#alt="{{ heading_title }}"/>#}
            {#{% endfor %}#}
        {#</div>#}
        {#视频#}
        {#<div class="video">#}
            {#<video autoplay controls>#}
                {#<source src="movie.ogg" type="video/ogg">#}
                {#<source src="http://yun.it7090.com/video/XHLaunchAd/video01.mp4" type="video/mp4">#}
                {#Your browser does not support the video tag.#}
            {#</video>#}
        {#</div>#}
            <div class="tab-pane active" id="UE-rich">{{ magevideo }}</div>
        {#富文本#}
        {#<div class="rich-text">#}
            {#<div class="tab-pane active" id="tab-description">{{ description }}</div>#}
        {#</div>#}
        {#表单#}
        <div class="order">
            {#<h2>訂單信息</h2>#}
            <div class="panel-heading">
                <h4 class="panel-title"><i class="fa fa-user panel-icon"></i>訂單信息</h4>
            </div>
            <div class="order-title">
                <i class="fa fa-shopping-cart"></i>{{ heading_title }}
            </div>
            <div class="order-choose">
                <h3><span class="red">*</span>商品選擇</h3>
                <ul class="goods-list">
                    <li class="goods-select">{{ heading_title }}</li>
                </ul>
            </div>
            {#<div class="color-choose">#}
                {#<h3><span class="red">*</span>顔色</h3>#}
                {#<div class="color-list-box">#}
                    {#<ul class="color-list">#}
                        {#<li class="color-select">#}
                            {#<img class="color-img" src="http://img.stosz.com/attr/20180620/1529475371483.jpg-shop"#}
                                 {#alt="">白色#}
                        {#</li>#}
                    {#</ul>#}
                {#</div>#}
            {#</div>#}
            <div class="panel-collapse " id="collapse-payment-address">
                <div class="panel-body">
                    {#金額#}
                    <div class="form-group required">
                        <label class="control-label" for="order-money">金額</label>
                        <input type="text" name="firstname" value="{{ pricetb }}" disabled
                               id="order-money" class="form-control hide-pay"/>
					     <input type="hidden"  value="{{ pricetb }}" disabled id="hiddenorder-money" class="form-control hide-pay"/>
                    </div>
                    
                    {{ guesthtml }}
			
						<div class="panel panel-default" style="display: none;">
							<div class="panel-heading">
								<h4 class="panel-title"><i class="fa fa-credit-card panel-icon"></i>Payment Method</h4>
							</div>
							<div class="panel-collapse " id="collapse-payment-method">
								<div class="panel-body">{{ paymentmethod }}</div>
							</div>
						</div>
						<div class="panel panel-default" style="display: none;">
							<div class="panel-heading">
								<h4 class="panel-title"><i class="fa fa-money panel-icon"></i>Order Review</h4>
							</div>
							<div class="panel-collapse " id="collapse-checkout-confirm">
								<div class="panel-body">{{ confirm }}</div>
							</div>
						</div>
					
                    <div class="form-group">
                        <label class="control-label" for="input-payment-guest">{{ '留言' }}</label>
                        <input type="text" name="guest" value="" placeholder="{{ '如果有額外需求請留言' }}"
                               id="input-payment-guest" class="form-control hide-pay"/>
                    </div>
                    <div class="form-group required">
                        <label class="control-label" for="input-payment-guest">{{ '付款方式' }}</label>
                        <ul class="pay-way">
                            <li class="pay-way-select"><i class="fa fa-truck"></i>貨到付款</li>
                        </ul>
                    </div>

                    <div class="buttons-set" style="clear: both;
    margin: 2em 0 0;
    padding: 5px;">
                        <p class="required" style="color: #ff0000;
    font-size: 11px;
    font-weight: bold;
    text-align: right;">* 為必填項</p>
                    </div>
                </div>
            </div>
        </div>
        {#订单#}
        {#<div class="new-orders">#}
            {#<div class="order-title">#}
                {#<i class="fa fa-truck"></i>最新訂單#}
            {#</div>#}
            {#<div class="order-box" id="orderBox">#}
                {#<ul class="order-list">#}
                    {#<li>#}
                        {#<span class="pull-left">李11（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李22（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李33（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李44（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李55（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李66（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李77（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李88（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李99（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李00（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}

                    {#<li>#}
                        {#<span class="pull-left">李11（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李22（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李33（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李44（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李55（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李66（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                    {#<li>#}
                        {#<span class="pull-left">李77（096***3943）</span><span class="pull-right">1分鐘前</span>#}
                        {#<br>#}
                        {#<span>超聲波美牙儀 深層清潔牙齒 原理口腔疾病 讓牙齒更美白</span>#}
                    {#</li>#}
                {#</ul>#}
            {#</div>#}
        {#</div>#}
        {#用戶須知#}
        <div class="user-instructions">
            <div class="panel-heading">
                <h4 class="panel-title"><i class="fa fa-user panel-icon"></i>用戶須知</h4>
            </div>
            <p>本產品的實際使用效果根據個人情況決定，不保證每位用戶都能享受到所宣傳的效果。若有疑問請諮詢在綫客服，本公司享有最終解釋權。</p>
            <p>·關於發貨方式</p>
            <p>配送範圍全台灣。</p>
            <p>·關於配送時間</p>
            <p>下單成功之後，我們會按照下單先後順序進行配貨，配貨週期為3個工作日左右，一般到達時間為7個工作日左右。</p>
            <p>·如何申請退換貨</p>
            <p>1.由於質量原因產生的退換貨：至收到商品之日起7天內，向售後服務中心發送郵件至包裹面單上的售後郵箱，客服會在收到郵件後的1-3個工作日內受理您的請求，退換貨所產生的運費由我方承擔。</p>
            <p>2.退換貨流程:</p>
            <p>確認收貨—申請退換貨—客服審核通過—用戶寄回商品—倉庫簽收驗貨—退換貨審核—退款/換貨；</p>
            <p>退換貨請註明：訂單號、姓名、電話。</p>
            <p>·如何取消訂單</p>
            <p>取消訂單需要向售後服務中心發送郵件並註明相關原因，郵件內容應註明您的訂單號、姓名、電話。</p>
        </div>
    </div>
    {#底部下單按鈕#}
    <div id="foot">
        <div class="to-top" id="goTop">
            <i class="fa fa-angle-up"></i>
            <br>
            Top
        </div>
        <div class="order-query">查詢訂單</div>
        <div id="button-to-buy" class="to-buy">立即下單</div>
    </div>
</div>
<script>
   $(document).delegate('#button-to-buy', 'click', function() {
			if(document.all) {
				document.getElementById("button-confirm").click();
			}else{
				var e = document.createEvent("MouseEvents");
				e.initEvent("click", true, true);
				document.getElementById("button-confirm").dispatchEvent(e);
			}
   })



    //商品数量的增加
    var Input0 = document.getElementById('input-quantity');
    var ordermoney = document.getElementById('order-money');
    var hiddenorder = document.getElementById('hiddenorder-money');
    var Input1 = document.getElementById('input1');
    var Input2 = document.getElementById('input2');
    var product_stock = document.getElementById('product_stock').value;

    Input1.onclick = function () {
        if (product_stock == Input0.value) {
            alert('Purchase quantity must not exceed inventory!');
            return;
        }
        Input0.value++;
        ordermoney.value=hiddenorder.value*Input0.value;
    }

    Input2.onclick = function () {
        if (Input0.value > 1) {
            Input0.value--;
			ordermoney.value=hiddenorder.value*Input0.value;
        }
    }
</script>
<script>
    // 轮播
    // setInterval(function () {
    //     var i = $('#orderBox ul')[0].offsetTop;
    //     if ($('#orderBox ul')[0].offsetTop <= -($('#orderBox ul')[0].scrollHeight - ($('#orderBox ul li')[0].offsetHeight * 7))) {
    //         i = 0
    //     }
    //     i--;
    //     $('#orderBox ul')[0].style.top = i + 'px';
    // }, 20);
    // 返回顶部
    $("#goTop").on("click", function() {
        $("html").stop().animate({
            scrollTop: 0
        });
    })
	//视频调试
    $('.edui-upload-video.vjs-default-skin.video-js').attr({
        'width': '100%',
        'loop': 'loop'
    });
    window.onload = function () {
        $('.edui-upload-video.vjs-default-skin.video-js')[0].play();
    }
</script>
{#{{ footer }} #}
